<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据表格</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" th:href="@{/resource/css/bootstrap.min.css}" />
    <link rel="stylesheet" th:href="@{/resource/css/font-awesome.min.css}" />
    <link rel="stylesheet" th:href="@{/resource/css/animate.css}" />
    <link rel="stylesheet" th:href="@{/resource/css/style.css}" />
    <link th:href="@{/resource/css/plugins/sweetalert/sweetalert.css}" rel="stylesheet">
    <link th:href="@{/resource/css/plugins/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet">

</head>

<body class="gray-bg">

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <div class="row">
                        <div class="col-sm-10">  <h5>角色管理 &nbsp;/&nbsp;  <small> 角色列表</small></h5></div>
                        <div class="col-sm-2">
                        <button class="btn btn-primary " id="role_add"  type="button">添加</button>
                            <button class="btn btn-primary " id="role_editor"  type="button">编辑</button>
                            <button class="btn btn-danger"  id="role_delete"  type="button">删除</button>
                        </div>
                    </div>

                </div>
                <div class="ibox-content">
                    <input type="text"  id="role_code" style="display:none "/>
                    <input type="text"  id="role_id" style="display:none "/>
                    <div class="alert alert-success" style="display: none" id="examplebtTableEventsResult" role="alert">

                    </div>
                    <!-- Example Events -->
                    <div class="example-wrap">
                            <table id="roleTableEvents" data-height="400" data-mobile-responsive="true">
                                <thead>
                                <tr>
                                    <th data-field="state" data-checkbox="true"></th>
                                    <th data-field="roleID">ID</th>
                                    <th data-field="roleCode">角色代码</th>
                                    <th data-field="roleName">角色名称</th>
                                    <th data-field="createTime">创建时间</th>
                                    <th data-field="createOperator">创建人</th>
                                    <th data-field="updateTime">修改时间</th>
                                    <th data-field="roleName">角色名称</th>
                                    <th data-field="roleRemark">角色备注</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                    <!-- End Example Events -->

                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" th:src="@{/script/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/script/js/bootstrap.min.js}"></script>

<script th:src="@{/script/js/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
<script th:src="@{/script/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js}"></script>
<script th:src="@{/script/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<script th:src="@{/script/js/plugins/sweetalert/sweetalert.min.js}"></script>
<script type="text/javascript" th:src="@{/script/js/common/role/role.js}"></script>
<script type="text/javascript" th:src="@{/script/js/contabs.js}"></script>

<script>


</script>
</body>
</html>